import tokenCss from "./token.module.scss"
import {ReactNode, useCallback} from 'react'
import {useNavigate} from 'react-router-dom'
type tokenProps = {
	children: ReactNode
}
const Token = (props:tokenProps) => {
	const navigate = useNavigate()
	// console.log(123)
	// 点击文字跳转登录页面
	const onClick = useCallback(() => {
		navigate("/login")
	}, [])
	const token = sessionStorage.getItem("token")
	// 有token则不显示下面的元素
	if (token) {
		return props.children
	}
	return (
		<div className={tokenCss.token}>
			<span onClick={onClick}>
				您还没有<b className={tokenCss.login}>登录</b>, 请登录后再浏览当前页面
			</span>
		</div>
	)
}
export default Token
